<Navbar [icon]="icon" (onLeftClick)="onLeftClick()">
    路由页
</Navbar>

<ng-template #icon>
    <Icon [type]="'left'"></Icon>
</ng-template>

<p>上级页面传进的val值为:{{val}}</p>

<br/>

<p>嵌套路由</p>
<a routerLink="/router/page1">嵌套路由1</a>
<a routerLink="/router/page2">嵌套路由2</a>
<div>
    <router-outlet></router-outlet>
</div>

<br/>
<p>同时显示两个路由</p>
<ListItem [routerLink]="['/router',{
        outlets: {
            left: ['page1'],
            right: ['page2']
        }
    }]" [extra]="'>'">点击同时显示两个路由</ListItem>
<div>
    <router-outlet name="left"></router-outlet>
    <router-outlet name="right"></router-outlet>
</div>